<template>
    <div class="test">
      <Menu :bar="bar"/>
    </div>
</template>

<script>
import Menu from './'
export default {
  name: 'test',
  components: {
    Menu
  },
  data () {
    return {
      bar: [
        {
          type: 'home',
          text: '首页',
          path: ''
        },
        {
          type: 'blog',
          text: '文章',
          path: ''
        },
        {
          type: 'about',
          text: '关于我',
          path: ''
        },
        {
          type: 'code',
          text: '项目&效果',
          path: ''
        },
        {
          type: 'chat',
          text: '留言板',
          path: ''
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
  .test{
    width: 400px;
    height: 600px;
    border: 1px solid red;
    background: #000;
    margin: 0 auto;
  }
</style>
